<!--
 * @Author: 曹曙光
 * @Date: 2023-03-16 23:02:28
 * @LastEditors: 曹曙光
 * @LastEditTime: 2023-03-20 10:05:31
 * @FilePath: \drug-trace-front-mergec:\Users\shuguang\Desktop\新建文件夹\echart进阶学习和封装\learnmoreecharts\src\App.vue
 * @Description: 
 * 
-->
<template>
  <div id="app">
    <!-- 动态传递图表样式的宽高  动态标题   动态数据   动态图例 -->
    <echartItem :height="height" :width="width" :title="title" :cdata="cdata" :legend="legend" :types="types"></echartItem>
  </div>
</template>

<script>
import echartItem from './components/echartList/echartItem.vue';


export default {
  name: "App",
  components: {
    echartItem,
  },
  data() {
    return {
      width: '700px',
      height: "400px",
      // title: '动态标题1...',
      legend:['销量'],
      types:'bar',
      cdata: [
        {name: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']},
        {data:[5, 20, 36, 10, 10, 90]}
      ]
    }
  },
  methods: {
  }
}
</script>

<style>
/*  */
</style>
